<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>社区问答</title>
		<link rel="stylesheet" href="../css/H-ui.reset.css" />
		<link rel="stylesheet" href="../css/java.css" />
	</head>
	<body>
		<!--头部-->
		<div class="toubu">
			<div class="gong clearfix">
				<div class="logo ">
					<img src="../images/logo.png"/>
				</div>
				<div class="fr-li">
					<ul class="clearfix">
						<li><a href="#">视频教程</a></li>
					    <li><a href="#">技术文章</a></li>
					    <li><a href="#">社区问答</a></li>
				    	<li><a href="#">关于我们</a></li>
					</ul>
				</div>
				<div class="clearfix fr ft">
				<div class="search fl">
					<div class="sea_txt">
						<input type="text" placeholder="搜索您需要的资料" id="search">
						<a href="#" class="sear"><i class="icon-search"></i> 搜索</a>
					</div>
			     </div>
			     <div class="typeShowUser">
					<a href="javascript:delogo();" class="loginName">请登录</a>
					<a href="javascript:deReg();" class="loginNames">免费注册</a>
				</div>
				</div>
			</div>
		</div>
		<!--主题内容-->
		<div class="Technicaar">
			<div class="Technicaarticles clearfix">
				<div class="Technical fl">
					<div class="end">
						<ul class="clearfix nbst">
						<li><a href="#">我要提问</a></li>
						<li class="chuangjianhuati"><a href="#">创建话题</a></li>
					</ul>
					</div>
					<div class="nbs">
					  <div>
					  	<p>
					  	<a href="#" class="zuixin">最新</a>
					  	<a href="#" class="tuij">推荐</a>
					  </p>
					  </div>
					</div>
					 <div class="dashi">
					  	<ul>
					  		<li class="clearfix">
					  			<a href="#" class="fl"><img src="../images/sq.jpg"/></a>
					  			<div class="fl dis">
					  				<h3>
					  					<a href="#">自由最无价</a>
					  					<span>2018-4-23</span>
					  				</h3>
					  				<h2>
					  					<a href="#" class="as">话题</a>
					  					<a href="#" class="ad">我是超级无敌的大帅哥信不信那是你的事情哈哈哈哈哈哈</a>
					  				</h2>
					  				
					  				 <a href="#" class="ab">在前面的章节中，我们展示了一些有关如何选取 HTML 元素的实例。关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。</a>
					  				 <div class="di2">
					  				 	<span>126人参与</span>
					  				    <a href="#">分享</a>
					  				 </div>
					  				
					  			</div>
					  		</li>
					  		<li class="clearfix">
					  			<a href="#" class="fl"><img src="../images/03.jpg"/></a>
					  			<div class="fl dis">
					  				<h3>
					  					<a href="#">我是好帅哥</a>
					  					<span>2018-4-23</span>
					  				</h3>
					  				<h2>
					  					<a href="#" class="as aa">提问</a>
					  					<a href="#" class="ad">我是超级无敌的大帅哥信不信那是你的事情哈哈哈哈哈哈</a>
					  				</h2>
					  				
					  				 <div class="di2">
					  				 	<span>8人回答</span>
					  				    <a href="#">分享</a>
					  				 </div>
					  				
					  			</div>
					  		</li>
					  		<li class="clearfix ls">
					  			<a href="#" class="fl"><img src="../images/03.jpg"/></a>
					  			<div class="fl dis">
					  				<h3>
					  					<a href="#">我是好帅哥</a>
					  					<span>2018-4-23</span>
					  				</h3>
					  				<h2>
					  					<a href="#" class="as aa">提问</a>
					  					<a href="#" class="ad">我是超级无敌的大帅哥信不信那是你的事情哈哈哈哈哈哈</a>
					  				</h2>
					  				
					  				 <div class="di2">
					  				 	<span>8人回答</span>
					  				    <a href="#">分享</a>
					  				 </div>
					  				
					  			</div>
					  		</li>
					  	</ul>
					  </div>
				</div>
				<div class="articles fr">
					<div class="Hottopic">
						<h1>
							<span>热门话题</span>
							<a href="#" class="fr">换一批</a>
						</h1>
					</div>
					<div class="payment">
						<ul>
							<li>
								<p><a>为了拖尾款，甲方竟然要当我的男朋友</a></p>
								<p class="pst">
									<span>526人参与</span>
								    <a href="#">分享</a>
								</p>
							</li>
							<li>
								<p><a>为了拖尾款，甲方竟然要当我的男朋友</a></p>
								<p class="pst">
									<span>526人参与</span>
								    <a href="#">分享</a>
								</p>
							</li>
							<li>
								<p><a>为了拖尾款，甲方竟然要当我的男朋友</a></p>
								<p class="pst">
									<span>526人参与</span>
								    <a href="#">分享</a>
								</p>
							</li>
							<li>
								<p><a>为了拖尾款，甲方竟然要当我的男朋友</a></p>
								<p class="pst">
									<span>526人参与</span>
								    <a href="#">分享</a>
								</p>
							</li>
							<li class="la">
								<p><a>为了拖尾款，甲方竟然要当我的男朋友</a></p>
								<p class="pst">
									<span>526人参与</span>
								    <a href="#">分享</a>
								</p>
							</li>
							
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<footer id="footer">
		   <div class="foot clearfix">
		    <div class="clearfix">
		       <ul>
		       <li><a href="#">网站首页</a></li>
		       <li><a href="#">视频教程</a></li>
		       <li><a href="#">技术文章</a></li>
		       <li><a href="#">辅助工具</a></li>
		       <li><a href="#">社区问答</a></li>
		       <li><a href="#">网站源码</a></li>
		       <li><a href="#">关于我们</a></li>
		       <li><a href="#">联系我们</a></li>
		     </ul>
		    </div>
		    <div class="img">
		       <ul>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		          <li><img src="../images/011.jpg"></li>
		       </ul>
		   
		    </div>
		    <div class="imgs"> <p>网站备案号（蜀ICP备16022888号-3）</p>
		      <img src="../images/java-3_03.jpg" /></div>
		   </div>
		</footer>
	</body>
</html>
